
<xmp type="tag" name="android:paperButton">
<android:paperButton>
    <button class="paper-button enhanced-button android-paper z-depth-{{$CPrivate.$Cache.layer_num}} {{$CPrivate.$Cache.round?' round':' '}}  ${class}" ${__all_attrs__}>
        <div class="paper-container z-depth-bottom" event-mousedown="{{'$CPrivate.$Event.show'}}">
            <div class="ripple {{$CPrivate.$Cache.show&&'show'}}" bind-style="top:{{$CPrivate.$Cache.top}}px;left:{{$CPrivate.$Cache.left}}px;width:{{$CPrivate.$Cache.width}}px;height:{{$CPrivate.$Cache.height}}px;" event-animationend="{{'$CPrivate.$Event.hidden'}}">
            </div>
            <spanInner>
                ${innerHTML}
            </spanInner>
        </div>
    </button>
</android:paperButton>
</xmp>
<xmp type="tag" name="android:checkbox">
	<android:checkbox ${__all_attrs__}>
		<!-- change事件会自己冒泡上去 -->
		<input class="inner-input" type="checkbox" event-change-inner-change="{{'$CPrivate.$Event.onchange'}}" ${^+bind-input} checked="${checked}">
		<android:icon color="{{$ParentPM.$CPrivate.disabled_color}}" type="{{$ParentPM.$CPrivate.icon_type}}"></android:icon>
		<span class="content">
			${innerHTML}
		</span>
	</android:checkbox>
</xmp>
<xmp type="tag" name="android:array-checkbox">
	<android:array-checkbox class="${class} {{$CPrivate.disabled}}" event-click-bind-array-data="{{'$CPrivate.$Event.change'}}" ${__all_attrs__}>
		<!-- change事件会自己冒泡上去 -->
		<!-- <input class="inner-input" type="checkbox" event-change-inner-change="{{'$CPrivate.$Event.onchange'}}" ${^+bind-input} checked="${checked}"> -->
		<android:icon color="{{$ParentPM.$CPrivate.disabled_color}}" type="{{$ParentPM.$CPrivate.icon_type}}"></android:icon>
		<span class="content">
			${innerHTML}
		</span>
	</android:array-checkbox>
</xmp>
<xmp type="tag" name="android:datePicker">
<android:datePicker class="date-picker border-box">
	<android:input event-click-show-dialog="{{'$ParentPM.$CPrivate.$Event.show_dialog'}}" ${__all_attrs__} placeholder="未选择日期"></android:input>
	<android:dialogWindow class="from-date-picker" show="{{$ParentPM.$CPrivate.$Cache.is_show}}">
		<android:dialogWindow:contents>
			
			<div class="date-picker-calendar is-{{$ParentPM.$ParentPM.$CPrivate.$Cache.weekArray.length}}week">
				<div class="date-picker-calendar-date-display date-picker-date-display">
					<div class="date-picker-date-display-dow transition-slide-in is-up">
					<div class="transition-slide-in-child">
						{{$ParentPM.$ParentPM.$CPrivate.$Cache.currentDay}}
					</div>
					</div>
					<div class="date-picker-date-display-date">
					<div class="date-picker-date-display-month transition-slide-in is-up">
						<div class="transition-slide-in-child">
						{{$ParentPM.$ParentPM.$CPrivate.$Cache.currentShortMonth}}
						</div>
					</div>
					<div class="date-picker-date-display-day transition-slide-in is-up">
						<div class="transition-slide-in-child">
						{{$ParentPM.$ParentPM.$CPrivate.$Cache.currentDate}}
						</div>
					</div>
					<div class="date-picker-date-display-year transition-slide-in is-up">
						<div class="transition-slide-in-child">
						{{$ParentPM.$ParentPM.$CPrivate.$Cache.currentYear}}
						</div>
					</div>
					</div>
				</div>
				<div class="date-picker-calendar-container">
					<div class="date-picker-calendar-toolbar">
						<div class="date-picker-calendar-toolbar-title transition-slide-in is-up">
						<div class="transition-slide-in-child">
							<span>{{$ParentPM.$ParentPM.$CPrivate.$Cache.currentMonth}}</span>
							<span> </span>
							<span>{{$ParentPM.$ParentPM.$CPrivate.$Cache.currentYear}}</span>
						</div>
						</div>
						<button event-click="{{'$ParentPM.$ParentPM.$CPrivate.$Event.prev_month'}}" class="date-picker-calendar-toolbar-button-left icon-button enhanced-button">
							<android:icon type="hardware-keyboard-arrow-left"></android:icon>
						</button>
						<button event-click="{{'$ParentPM.$ParentPM.$CPrivate.$Event.next_month'}}" class="date-picker-calendar-toolbar-button-right icon-button enhanced-button">
							<android:icon type="hardware-keyboard-arrow-right"></android:icon>
						</button>
					</div>
					<ul class="date-picker-calendar-week-title">
						<li class="date-picker-calendar-week-title-day">日</li>
						<li class="date-picker-calendar-week-title-day">一</li>
						<li class="date-picker-calendar-week-title-day">二</li>
						<li class="date-picker-calendar-week-title-day">三</li>
						<li class="date-picker-calendar-week-title-day">四</li>
						<li class="date-picker-calendar-week-title-day">五</li>
						<li class="date-picker-calendar-week-title-day">六</li>
					</ul>
					<div class="transition-slide-in is-left">
						<div class="transition-slide-in-child date-picker-calendar-month">
							{{#each $ParentPM.$ParentPM.$CPrivate.$Cache.weekArray}}
							<div class="date-picker-calendar-month-week">
							{{#each $This}}
							{{#if $This}}
							<div event-click="{{'$Caller.$Caller.$ParentPM.$ParentPM.$CPrivate.$Event.select_date'}}" class="date-picker-day-button enhanced-button {{is_select?'is-selected':(is_today?'is-current-date':'')}} {{is_over_range?' is-over-range':''}}" title="{{is_select}}">
								<div class="date-picker-day-button-select"></div><span class="date-picker-day-button-label">{{date}}</span></div>
							{{#else}}
							<span class="date-picker-day-button"></span>
							{{/if}}
							{{/each}}
							</div>
							{{/each}}
						</div>
					</div>
				</div>
			</div>

		</android:dialogWindow:contents>
		<android:dialogWindow:actions><android:dialogWindow:action>
			<android:icon type="action-restore" event-click="{{'$ParentPM.$ParentPM.$ParentPM.$ParentPM.$CPrivate.$Event.reset_select'}}">重置</android:icon>
			<android:paperButton class="dialog-window-action" event-click="{{'$ParentPM.$ParentPM.$ParentPM.$ParentPM.$CPrivate.$Event.hidden_dialog'}}">取消</android:paperButton>
			<android:paperButton class="dialog-window-action" event-click="{{'$ParentPM.$ParentPM.$ParentPM.$ParentPM.$CPrivate.$Event.set_select'}}">确定</android:paperButton>
		</android:dialogWindow:action></android:dialogWindow:actions>
	</android:dialogWindow>
</android:datePicker>
</xmp>
<xmp type="tag" name="android:dialogWindow">
	<android:dialogWindow class="dialog-window {{$CPrivate.show_class}} ${class}" ${__all_attrs__}>
		<div class="inner" style="width:${width};">
			${innerHTML}
		</div>
		<div class="dialogwindow-overlay-mask {{$CPrivate.show_class}}" event-mousewheel-stop-scroll="{{'$CPrivate.$Event.stop_scroll'}}"></div>
	</android:dialogWindow>
</xmp>
<xmp type="tag" name="android:dialogWindow:contents">
	<div class="dialog-window-contents ${class}" ${__all_attrs__} event-mousewheel-stopPropagation-scroll="{{'$CPrivate.$Event.stopPropagation_scroll'}}">
		${innerHTML}
	</div>
</xmp>
<xmp type="tag" name="android:dialogWindow:actions">
	<div class="dialog-window-actions ${class}" ${__all_attrs__}>
		${innerHTML}
	</div>
</xmp>
<xmp type="tag" name="android:dialogWindow:action">
	<div class="dialog-window-action ${class}" ${__all_attrs__}>
		${innerHTML}
	</div>
</xmp>

<xmp type="tag" name="android:draggableArrayWrap">
	<android:draggableArrayWrap
		class="{{$CPrivate.$Cache.draggable.direction}} ${class}"
		${__all_attrs__}
	>
		${innerHTML}
	</android:draggableArrayWrap>
</xmp>

<xmp type="tag" name="android:draggableItemWrap">
	<android:draggableItemWrap
		class="{{($CPrivate.$Cache.draggable.dragenter_status||'')+' '}} ${class}"
		event-dragover-in-draggable="{{'$CPrivate.$Event.draggable.dragover'}}"
		${__all_attrs__}
	>
		${innerHTML}
	</android:draggableItemWrap>
</xmp>

<xmp type="tag" name="android:draggableItem">
	<android:draggableItem 
		draggable="true"
		event-dragstart-in-draggable="{{'$CPrivate.$Event.draggable.dragstart'}}"
		event-dragend-in-draggable="{{'$CPrivate.$Event.draggable.dragend'}}"
		${__all_attrs__}
	>${innerHTML}</android:draggableItem>
</xmp>
<xmp type="tag" name="android:dropdownmenu">
<div class="drop-down-menu" style="width: 192px;">
	<div class="menu-control">
		<div class="menu-control-bg android-paper z-depth-0 rounded">
			<div class="paper-container z-depth-bottom">
			</div>
		</div>
		<div class="menu-label">
			Never
		</div>
		<span class="menu-drop-down-icon icon mdfi_navigation_arrow_drop_down"> </span>
		<div class="menu-control-underline">
		</div>
	</div>
	<div class="menu menu-hideable android-paper z-depth-1 rounded" style="width: 192px; height: 0px;">
		<div class="paper-container z-depth-bottom" style="overflow: hidden;">
			<div class="menu-item selected">
				<div class="ripple">
				</div>
				<span>Never</span>
			</div>
			<div class="menu-item">
				<div class="ripple">
				</div>
				<span>Every Night</span>
			</div>
			<div class="menu-item">
				<div class="ripple">
				</div>
				<span>Weeknights</span>
			</div>
			<div class="menu-item">
				<div class="ripple">
				</div>
				<span>Weekends</span>
			</div>
			<div class="menu-item">
				<div class="ripple">
				</div>
				<span>Weekly</span>
			</div>
		</div>
	</div>
</div>
</xmp>
<xmp type="tag" name="android:iconButton"><android:iconButton> <!-- event-mousedown-show-ripple="{{'$CPrivate.$Event.show_ripple'}}" event-mouseup-hidden-ripple="{{'$CPrivate.$Event.hidden_ripple'}}" --><button class="icon-button enhanced-button ${class}" event-focus-show-tooltop="{{'$CPrivate.$Event.show'}}"  event-mouseenter-show-tooltop="{{'$CPrivate.$Event.show'}}"  event-blur-hidden-tooltop="{{'$CPrivate.$Event.hidden'}}"  event-mouseleave-hidden-tooltop="{{'$CPrivate.$Event.hidden'}}"  ${__all_attrs__}>	<div class="icon-button-tooltip tooltip {{$CPrivate.$Cache.show_tooltip&&'is-shown'}}"	style="left: 5px;">		<div class="tooltip-ripple"		style="width: 58px; height: 58px;">		</div>		<span class="tooltip-label">			Star		</span>	</div>	<android:icon type="${type}"></android:icon>	<android:ripple></android:ripple></button></android:iconButton></xmp>
<xmp type="tag" name="android:icon">
<!-- <i class="icon-${type}"></i> -->
<android:icon class="android-icon ${class}" style="color:{{$CPrivate.color||'inherit'}};${style}" ${__all_attrs__}>
	<span class="materail-icon-contain"> </span>
	<div class="label-contain">
	${innerHTML}
	</div>
</android:icon>
</xmp>
<xmp type="tag" name="android:input">
<android:Input class="android-input">
    <inheritWrap class="{{$CPrivate.input_hidden_placeholder&&' hidden-placeholder '}} {{$CPrivate.show_format_value&&' hidden-input hidden-placeholder '}}">
    	<!-- 移除placeholder的绑定放到最后，确保最后触发 -->
        <!-- <input required ${__all_attrs__} ${--placeholder}  > -->

        <!-- 提升效率，不用placeholder来减少绑定 -->
        <input required ${__all_attrs__} >
        <inputShowFormat>{{$CPrivate.show_format_value}}</inputShowFormat>
        <inputPlaceholder>${label}</inputPlaceholder>
        <inputHighlight></inputHighlight>
        <inputBar></inputBar>
        <inputDescription>${description}</inputDescription>
    </inheritWrap>
</android:Input>
</xmp>
<xmp type="tag" name="android:progressCircular">
<android:progressCircular class="progress-circular" value="${value}">
	<spinnerWrapper>
		<spinnerInner style="width:{{$CPrivate.size}}px;height:{{$CPrivate.size}}px;border-color:{{$CPrivate.color}};${style}" ${__all_attrs__}>
			<div class="circle-gap" style="border-top-width:{{$CPrivate.size/10}}px"></div>
			<div class="half-circle-left half-circle-wrap">
				<div class="half-circle" style="border-width:{{$CPrivate.size/10}}px"></div>
			</div>
			<div class="half-circle-right half-circle-wrap">
				<div class="half-circle" style="border-width:{{$CPrivate.size/10}}px"></div>
			</div>
		</spinnerInner>
	</spinnerWrapper>
</android:progressCircular>
</xmp>
<xmp type="tag" name="android:switch">
<android:switch class="android-switch">
	<input type="checkbox" ${__all_attrs__} >
	<div class="container">
		<div class="switch-bar"></div>
		<containerInner>
			<div class="off"></div>
			<div class="on"></div>
			<div class="ripple-container"></div>
		</containerInner>
	</div>
	<div class="label">
		<span> ${innerHTML} </span>
	</div>
</android:switch>
</xmp>
<xmp type="tag" name="android:ripple">
<android:ripple
 event-mousedown-show-touch-ripple="{{'$CPrivate.$Event.start_touch_ripple'}}" 
 event-animationend-hidden-touch-ripple="{{'$CPrivate.$Event.end_touch_ripple'}}" 
 event-mousedown-show-focus-ripple="{{'$CPrivate.$Event.show_focus_ripple'}}"
 event-mouseup-hidden-focus-ripple="{{'$CPrivate.$Event.hidden_focus_ripple'}}"
 class="android-ripple">
	<div class="touch-ripple">
		<div class="ripple-circle {{$CPrivate.$Cache.start_touch_ripple&&' is-started'}}  {{$CPrivate.$Cache.end_touch_ripple&&' is-ending'}}">
			<div class="ripple-circle-inner">
			</div>
		</div>
	</div>
	<div class="focus-ripple {{$CPrivate.$Cache.focus_ripple&&'is-shown-x'}}">
		<div class="focus-ripple-inner">
		</div>
	</div>
</android:ripple>
</xmp>